 <section class="content-header">
  <h1>
    Control Page
    <small class="label label-warning">You are Add Video</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">request</li>
  </ol>
</section>
<!-- Start Box Edit Page && PageAdd -->
<section class="content">
    <div class="row ">
        <div class="col-md-12">
            <!-- general form elements disabled -->
            <div class="box box-warning">
                <div class="box-header">
                    <h3 class="box-title">Page Add video</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <form role="form">
                        <!-- text input -->
                        <div class="form-group">
                            <label>Title</label>
                            <input type="title" class="form-control" placeholder="Enter your title page ...">
                        </div>
                        <!-- input states -->
                        <div class="form-group has-success">
                            <label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> keywork seo ( 6 word)</label>
                            <input type="text" class="form-control" id="inputSuccess" placeholder="Enter your keywork...">
                        </div>
                        <div class="form-group has-error">
                            <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Decription (max 255 char)</label>
                            <input type="text" class="form-control" id="inputWarning" placeholder="Enter content decription ...">
                        </div>
                        <div class="form-group has-success">
                            <label class="control-label" for="inputWarning"><i class="fa fa-play"></i> Link Video:</label>
                            <input type="text" class="form-control" id="inputWarning" placeholder="Enter your link video ...">
                        </div>

                        <!-- textarea -->
                        <div class='box box-info'>
                            <div class='box-header'>
                                <!-- tools box -->
                                <div class="box-header with-border">
                                    <h3 class="box-title">Content Pager</h3>
                                    <div class="box-tools pull-right">
                                        <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                        <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                                    </div>
                                </div>
                                <!-- /. tools -->
                            </div>
                            <!-- /.box-header -->
                            <div class='box-body pad'>
                                <form>
                                    <textarea id="editor1" name="editor1" rows="10" cols="80">
                                        This is my textarea to be replaced with CKEditor.
                                    </textarea>
                                </form>
                            </div>
                        </div>
                        <!-- /.box -->
                    </form>
                    <div class="row pull-right">
                        <div class="col-md-12">
                            <button type="button" class="btn btn-danger"><i class="glyphicon glyphicon-trash"></i>  Delete </button>
                            <button type="button" class="btn btn-success"><i class="glyphicon glyphicon-floppy-disk"></i>  SAVE</button>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
    </div>
</section>
<script>
    jQuery(document).ready(function($) {
        $('.btn-index').css({display:'none'});
        $('.btn-edit').css({display:'none'});
        $('.btn-copy').css({display:'none'});
        $('.btn-add').css({display:'inline-block'});
        $('.content input[type="checkbox"]').iCheck({checkboxClass: 'icheckbox_minimal'});
        $('.content input[type="radio"]').iCheck({radioClass: 'iradio_minimal'});
    });
    $(function () {
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace('editor1');
        //bootstrap WYSIHTML5 - text editor
        $(".textarea").wysihtml5();
    });
    function New(){
        $(".content").mask("<?php echo 'Loading...'; ?>");
        $("#frm_Media_New").submit();
    }

    function back_to_list(){
        $(".content").mask("<?php echo 'Loading...'; ?>");
        var url = '<?php echo base_url("admin/media");?>';
        window.location.href = url;
    }
</script>